<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>회원가입</title>
<script type="text/javascript" src="js/member/jquery-1.6.min.js" ></script>
<script>

$(document).ready(function(){
	$("#commentForm").validate({
		rules:{
		  name:{required: true,minlength: 4}
		},
		messages: {
			name: {
			required: "아이디를 입력하세요",
			minlength: jQuery.format("아이디는 {0}자 이상 입력하세요"),
			remote: "이미 등록된 아이디입니다"
			}
		}
	});
  });

function idCheck(frm){
	id=frm.id.value;
	url="idCheck.jsp?id="+id;
	
	//팝업창 실행
	window.open(url,"post","width=300,height=300,location=no,toolbar=no");
	
}

//팝업창에서 닫기를 눌렀을때 실행되는 함수
function send(id){
	//부모창에 팝업창의 id값을 넘겨줌
	window.opener.document.frm.id.value=id;
	
	//팝업창에서 닫기을 클릭하면 팝업창을  닫음
	self.close();
}


//아이디 체크
function check_id(url){
	   var frm  = document.mem_frm;
	   var id   = frm.salon_id.value;
	   var c_id = frm.confirm_id.value;
	   if((id.replace(/(^\s*)|(\s*$)/g,"") != "" && c_id == "x") || (c_id != "x" && c_id != id && id.replace(/(^\s*)|(\s*$)/g,"") != "")){
	   
	        if(chck2(id) == "f"){
	             alert("아이디는 영문이나 숫자 혹은 영문과 숫자의조합만 가능합니다");
	             frm.salon_id.value = "";
	             frm.salon_id.focus();
	             return;  
	        }
	        if(byteCheck(id) < 4 ){
	             alert("아이디는 최소 4자리 이상 15자리 이하로 입력해주세요");
	             frm.salon_id.value = "";
	             frm.salon_id.focus();
	             return;
	        }     
	        if(id.search(/\W|\s/g) > -1){
	           alert("특수문자 또는 공백이 입력되었습니다\n\n특수문자와 공백은 입력할 수 없습니다.");
	           frm.salon_id.value = "";
	           frm.salon_id.focus();
	           return;
	        }
	   
	      var ul = url+"?id="+id;
	      load(ul);     
	   }
	}
	
//우편번호 검색
function addressCheck(frm){
	 url="zipCheck.jsp?check=y";
	 window.open(url,"","width=500,height=500");
}

//zipCheck.jsp에서 동이름 입력여부 검색
function dongCheck(){
	if(document.zipfrm.dong.value==""){
		alert("동 이름을 입력하세요");
		document.zipfrm.dong.focus();
		return;
	}else{
		document.zipfrm.submit();
	}
}

//우편번호 검색 팝업창에 있는 값을 부모창에 넘겨주는 함수
function sendAddr(tempzipcode, temp){
	window.opener.document.frm.address1.value=tempzipcode;
	window.opener.document.frm.address2.value=temp;
	self.closed();
}

function passCheck(frm){
	pass1=frm.pwd.value;
	pass2=frm.repwd.value;
	if(pass1.length != pass2.length){
		return;
	}else{
		for(var i=0; i<pass1.length; i++){
			if(pass1.charAt(i)!=pass2.charAt(i)){
				alert("비밀번호를 확인하세요");
				frm.pwd.value="";
				frm.repwd.value="";
				frm.pwd.focus();
				return;
			}
		}
	}
}

//주민번호가 맞는지 검색
//234567892345를 각자리수와 곱하고 그 값을 더한다.->sum
//(11-(sum%11))%10=마지막 숫자  (%나눈 나머지값)
function juminCheck(frm){
	jumin_1=frm.jumin1.value;
	jumin_2=frm.jumin2.value;
	
	//클라이언트가 입력한 주민번호
	jumin=jumin_1+jumin_2;
	
	//주민번호 체크번호
	check="234567892345";
	
	sum=0;
	for(var i=0;i<12;i++){
	sum+=parseInt(jumin.charAt(i)*parseInt(check.charAt(i))); 
	}
	
	sum=(11-sum%11)%10;
	
	if(sum==parseInt(jumin.charAt(12))){
	genderCheck(frm);
	}else{
	frm.jumin1.value="";
	frm.jumin2.value="";
	frm.jumin1.focus();
	}
}

//form 공백체크
function formCheck(frm){
	if(frm.id.value.length==0){
		alert("아이디를 입력하세요");
		return false;
	}
	if(frm.pwd.value.length==0){
		alert("비밀번호를 입력하세요");
		return false;
	}
	if(frm.repwd.value.length==0){
		alert("비밀번호를 확인하세요");
		return false;
	}
	if(frm.name.value.length==0){
		alert("이름을 입력하세요");
		return false;
	}
	
	return true;
}

</script>
</head>
<body>
<form name="frm" method="post" action="memberInsert.do"
			 enctype="multipart/form-data">
 <table border="1" width="80%">
  <tr>
    <td width="20%">아이디</td>
    <td>
      <input type="text" name="id" size="20" />
      <input type="button" name="idRes" value="중복체크"  onclick="javascript:idCheck(document.frm)"/>
    </td>
  </tr>

 
  <tr> 
    <td width="20%">비밀번호</td>
    <td>
      <input type="password" name="pwd" size="20" />
    </td>
  </tr>
  
  <tr>
    <td width="20%">비밀번호 확인</td>
    <td>
      <input type="password" name="repwd" size="20"  onkeyup = "javascript:passCheck(document.frm)"/>
    </td>
  </tr>
  
  <tr>
   <td width="20%">이름</td>
   <td>
    <input type="text" name="name" size="20" />
   </td>
  </tr>
  
  <tr>
   <td width="20%">주민번호</td>
   <td>
    <input type="password" name="jumin1" size="10" onkeyup="javascript:juminCheck1(document.frm)"/>-
    <input type="password" name="jumin2" size="10" onkeyup="javascript:juminCheck2(document.frm)"/>
   </td>
  </tr>

  <tr>
   <td width="20%" rowspan="3">주소</td>
   <td>
    <input type="text" name="addr1" size="10" readonly="readonly"/>
    <input type="button" name="addResearch" value="우편번호 검색"  onclick="addressCheck(document.frm)"/>
   </td>
  </tr>
  
  <tr>
   <td>
    <input type="text" name="addr2" size="30" readonly="readonly" />
  </tr>
  
   <tr>
   <td>
    <input type="text" name="addr3" size="30"  />
  </tr>

  <tr>
   <td colspan="2" align="center">
    <input type="submit" value="회원가입"/>&nbsp;&nbsp;&nbsp;
    <input type="reset" value="취     소"/>
   </td>
  </tr>
 </table>
</form>

</body>
</html>
